<template>
	<qh-page-view title="商品详情">
		<template v-if="loaded">
			<view class="flex-column-100">
				<scroll-view scroll-y class="scroll-view">
					<swiper v-if="video_url !='' || banners.length" indicator-dots="true" indicator-active-color="var(--primary-color)" :autoplay="autoplay"
						interval="3000" duration="1000" circular="true">
						<swiper-item v-if="video_url !=''">
							<video :src="video_url" id="myVideo" muted show-mute-btn objectFit="contain" @ended="showBanner" :autoplay="playVideo"
								class="myvideo"></video>
						</swiper-item>
						<block v-for="(item, bannerIndex) in banners" :key="bannerIndex">
							<swiper-item>
								<view class="goodsImg">
									<image mode="aspectFit" @tap="seeBig" :data-index="bannerIndex" :src="item"></image>
								</view>
							</swiper-item>
						</block>
					</swiper>
					<view v-if="not_banners" class="goodsImg no-image">
						<text class='no-image-text'>暂无图片</text>
					</view>
					<!-- 商品介绍 -->
					<view class="bg box-sizing goodinfo-box">
						<view class="details-info">
							<view class="details-name">
								<text>{{detailsName}}</text>
							</view>
							<view v-if="subheading" class="details-name">
								<text>{{subheading}}</text>
							</view>
							<view class="viewc_inner_c">
								<block v-if="goods.promotion_status==1">
									<view class="price_title">
										<text class="price_title_symbol"></text>
										<text class="price">￥{{goods.act_price}}</text>
									</view>
									<text v-if="goods.act_price*1<goods.online_price*1" class="price_pass">￥{{goods.online_price}}</text>
								</block>
								<block v-else>
									<!--
							user_type 1 普通用户 2：plus会员 3：vip
							online_price 零售价
							shop_mem_price 常规会员价
							plus_price plus会员价
							plus_mem_status 1：开启plus会员价 2：关闭
							shop_mem_status 1：开启vip会员价 2：关闭
							vip_online_state 1开启会员打折 0关闭 （使用vip价格才能打折）
						-->
									<block v-if="user_type == 1">
										<view class="price_title">
											<text class="price">￥{{online_price}}</text>
										</view>
									</block>
									<block v-else-if="user_type == 2">
										<view v-if="plus_mem_status ==1 && plus_price > 0">
											<view class="price_title">
												<text class="price">￥{{plus_price}}</text>
												<text v-if="Number(plus_mem_integral) > 0" class="plus_integral">+{{plus_mem_integral}}{{integral_name}}</text>
												<text class="plus-price-icon">PLUS</text>
												<text class="price_pass">￥{{goods.online_price}}</text>
											</view>
										</view>
										<view v-else-if="shop_mem_status == 1 && shop_mem_price > 0">
											<view class="price_title">
												<text class="price">￥{{shop_mem_price}}</text>
												<text v-if="Number(shop_mem_integral) > 0" class="plus_integral">+{{shop_mem_integral}}{{integral_name}}</text>
												<text class="vip-price-icon">VIP</text>
												<text class="price_pass">￥{{goods.online_price}}</text>
												<text class="preferential" v-if="vip_online_state==1">{{(vip.discount * 100) / 10}}折</text>
											</view>
										</view>
										<view v-else>
											<view class="price_title">
												<text class="price">￥{{online_price}}</text>
											</view>
										</view>
									</block>
									<block v-else>
										<view v-if="shop_mem_status == 1 && shop_mem_price > 0">
											<view class="price_title">
												<text class="price">￥{{shop_mem_price}}</text>
												<text v-if="Number(shop_mem_integral) > 0" class="plus_integral">+{{shop_mem_integral}}{{integral_name}}</text>
												<text class="vip-price-icon">VIP</text>
												<text class="price_pass">￥{{goods.online_price}}</text>
												<text class="preferential" v-if="vip_online_state==1">{{(vip.discount * 100) / 10}}折</text>
											</view>
										</view>
										<view v-else>
											<view class="price_title">
												<text class="price">￥{{online_price}}</text>
											</view>
										</view>
									</block>
									<view v-if="self_commission.commission!=-1" class="SpecificationsText delivery-title">
										预估佣金￥{{self_commission.commission}}</view>

									<!-- <block v-if="plus_mem_status==1 && plus_price > 0 && user_type == 2">
							<view class="price_title">
								<text class="price_title_symbol"></text>
								<text class="price">￥{{plus_price}}</text>
								<text class="plus-vip-price-style">PLUS</text>
							</view>
							<text v-if="shop_mem_status==1 && shop_mem_price > 0" class="price_pass">VIP￥{{goods.shop_mem_price}}</text>
							<text v-else class="price_pass">￥{{goods.online_price}}</text>
						</block>
						<block v-else-if="(plus_mem_status!=1 && user_type == 2 || user_type==3) && shop_mem_status==1 && shop_mem_price > 0">
							<view class="price_title">
								<text class="price_title_symbol"></text>
								<text class="price">1111￥{{shop_mem_price}}</text>
								<text class="vip-price-style">VIP</text>
							</view>
							<text v-if="plus_mem_status!=1" class="price_pass">￥{{goods.online_price}}</text>
						</block>
						<block v-else>
							<view class="price_title">
								<text class="price_title_symbol"></text>
								<text class="price">￥{{online_price}}</text>
							</view>
						</block>
						<block v-if="plus_mem_status==1 && plus_price > 0 && user_type != 2">
							<view class="price_title">
								<text class="price_title_symbol"></text>
								<text class="price">￥1111{{plus_price}}</text>
								<text class="plus-vip-price-style">PLUS</text>
							</view>
						</block>
						<block v-else-if="shop_mem_status==1 && shop_mem_price > 0 && user_type == 1">
							<view class="price_title">
								<text class="price_title_symbol"></text>
								<text class="price">￥{{shop_mem_price}}</text>
								<text class="plus-vip-price-style">VIP</text>
							</view>
						</block>
						<text class="preferential" v-if="user_type!=1&&vip_online_state==1">{{vip.discount*10}}折</text> -->
								</block>
							</view>
							<text class="Deal">已出售 {{Deal}}</text>
							<text v-if="Stock<=0" class='sold-out'>已售空</text>
						</view>
						<view v-if="showShareBtn" class="details-share" @tap="showShare">
							<text class="qh-rt-single qh-rt-fenxiang1-copy share-icon"></text>
							<text class="text-share">分享</text>
						</view>
					</view>
					<!--标语  -->
					<view v-if="language&&language.length" class="language bg box-sizing">
						<block v-for="(item, index) in language" :key="index">
							<view class="languagelist">
								<block v-if="item.img">
									<image class="title-img" :src="item.img"></image>
								</block>
								<block v-else>
									<icon type="success" size="14"></icon>
								</block>
								<text>{{item.label_name}}</text>
							</view>
						</block>
					</view>
					<block v-if="goods.promotion_status!=1">
						<!--
				user_type 1 普通用户 2：plus会员 3：vip
				online_price 零售价
				shop_mem_price 常规会员价
				plus_price plus会员价
				plus_mem_status 1：开启plus会员价 2：关闭
				shop_mem_status 1：开启vip会员价 2：关闭
				plus_mem_integral  plus会员价积分
				shop_mem_integral  vip会员价积分
				vip_online_state 1开启会员打折 0关闭 （使用vip价格才能打折）
				plus_register_state  1:开启plus会员引导 2：关闭plus会员引导
				vip_register_state   1：开启vip会员引导 2：关闭vip会员引导
			-->
						<!--plus会员引导-->
						<view class="Specifications bg vip-flex" v-if="user_type == 2 && plus_mem_status == 1 && plus_register_state == 1">
							<view>
								<text class="plus-title">{{'PLUS会员已为您优惠'}}</text>
								<text class="discount-money"> ￥{{total_less_money}}</text>
								<text class="deadline"> {{plus_end_time}}到期</text>
							</view>
							<view class="vip-btn" @tap="toPlusHome">立即续费</view>
						</view>
						<!--普通用户引导-->
						<view class="Specifications bg vip-flex" v-if="user_type == 1 && shop_mem_status == 1 && vip_register_state == 1">
							<view>
								<text class="plus-title">{{'会员价'}}</text>
								<text class="discount-money"> ￥{{shop_mem_price}}</text>
								<text v-if="Number(shop_mem_integral) > 0" class="discount-money"> +{{shop_mem_integral}}{{integral_name}}</text>
							</view>
							<view class="vip-btn" @tap="toCard">注册会员</view>
						</view>
						<view class="Specifications bg vip-flex" v-if="user_type == 1 && plus_mem_status == 1 && plus_register_state == 1">
							<view>
								<text class="plus-title">{{'PLUS会员价'}}</text>
								<text class="discount-money"> ￥{{plus_price}}</text>
								<text v-if="Number(plus_mem_integral) > 0" class="discount-money"> +{{plus_mem_integral}}{{integral_name}}</text>
							</view>
							<view class="vip-btn" @tap="toPlusHome">开通PLUS</view>
						</view>
						<!-- vip用户引导 -->
						<view class="Specifications bg vip-flex" v-if="user_type == 3 && plus_mem_status == 1 && plus_register_state == 1">
							<view>
								<text class="plus-title">{{'PLUS会员价'}}</text>
								<text class="discount-money"> ￥{{plus_price}}</text>
								<text v-if="Number(plus_mem_integral) > 0" class="discount-money"> +{{plus_mem_integral}}{{integral_name}}</text>
							</view>
							<view class="vip-btn" @tap="toPlusHome">开通PLUS</view>
						</view>
					</block>
					<!-- 优惠 -->
					<view class="Specifications bg box-sizing" @tap="moreCoupon" v-if="couponList.length > 0">
						<text class="list-title fee-title">优惠</text>
						<view style="display: flex;align-items: center;">
							<block v-for="(item,index) in couponList" :key="index">
								<view class="coupon-box">{{item.stock_name}}</view>
							</block>
						</view>
						<view style="font-size: 24rpx;color: #999;position: absolute;right: 60rpx;">
							更多
						</view>
						<view class="Specifications-img">
							<image mode="aspectFit" src="/static/images/arrow-1.png"></image>
						</view>
					</view>
					<!-- 配送方式 -->
					<view v-if="delivery_name" class="Specifications bg box-sizing fee-body" @tap="clickDeliveryRule">
						<text class="list-title fee-title">配送</text>
						<view>
							<view class="fee-flex" :style="delivery_status == 1? 'margin-bottom : 20rpx' : ''">
								<text class="SpecificationsText delivery-title">配送方式</text>
								<text class="SpecificationsText">{{delivery_name}}</text>
								<block v-if="delivery_rule">
									<text v-if="delivery_rule.type==1" class="SpecificationsText">免运费</text>
									<block v-else>
										<text class="SpecificationsText before-line">快递费 ￥</text>
										<text v-if="delivery_rule.type==2||delivery_rule.type==3"
											class="SpecificationsText">{{delivery_rule.list[0].first_fee}}起</text>
										<text v-if="delivery_rule.type==4" class="SpecificationsText">{{delivery_rule.list[0].unified_fee}}起</text>
									</block>
									<view class="Specifications-img">
										<image mode="aspectFit" src="/static/images/arrow-1.png"></image>
									</view>
								</block>
							</view>
							<view v-if="delivery_status == 1">
								<text class="SpecificationsText delivery-title">配送费</text>
								<text class="SpecificationsText">单笔消费满{{delivery_cost}}元免运费</text>
							</view>
						</view>
					</view>
					<!-- 赠送促销 -->
					<!-- <view class="Specifications bg box-sizing" @tap="showGift" v-if="JSON.stringify(gift_info) !=='[]' ">
			<text class="list-title">赠送促销</text>
			<view style="font-size: 24rpx;color: #FF5C6E">
				满{{gift_info.goods_num_min}}赠送
			</view>
			<view style="font-size: 24rpx;color: #999;position: absolute;right: 60rpx;">
				还可以享受{{Number(gift_info.online_buy_limit)-Number(gift_info.already_buy_num)}}次
			</view>
			<view  class="Specifications-img" @tap="moreCoupon">
				<image mode="aspectFit" src="/static/images/arrow-1.png" ></image>
			</view>
		</view> -->
					<!--规格
		<view v-if="!notBuy" class="Specifications bg box-sizing" @tap="Specifications" data-index="0">
			<text class="list-title">选择</text>
			<text class="SpecificationsText">{{goods.attribute_state==2?'规格、':''}}数量</text>
			<view class="Specifications-img">
				<image mode="aspectFit" src="/static/images/arrow-1.png"></image>
			</view>
		</view>
		<!-- 评价 -->
					<view class="CommentStyle bg" @tap="toComment">
						<view class="Comment-nav">
							<text class="Comment-nav-words">商品评价 ({{total}})</text>
							<view class="Specifications-img">
								<image mode="aspectFit" src="/static/images/arrow-1.png"></image>
							</view>
						</view>
						<view class="content">
							<view class="Comment-detail" v-if="total>0">
								<view class="userInfo">
									<image :src="commentInfo[0].avatar" mode="aspectFit" class="userImage"></image>
									<text class="nickName">{{commentInfo[0].nickname}}</text>
								</view>
								<view class="Comment-con">
									<text class="Comment-con-words">{{commentInfo[0].content}}</text>
									<view class="Comment-con-img">
										<image v-for="(item, i) in commentInfo[0].evaluate_img" :key="i" :src="item" mode="aspectFit" @tap.stop="scaleBig(i)">
										</image>
									</view>
								</view>
							</view>
							<view class="content-title" v-else>
								<text class="Comment-content">该商品暂无评价~</text>
							</view>
						</view>
					</view>
					<view class="shopDetails" v-if="display_detail == 1">
						<view class="shopTitle">商品详情</view>
						<view class="wxParse">
							<jyf-parser :html="article_desc"></jyf-parser>
						</view>
					</view>
				</scroll-view>
			</view>
			<!-- 底部按钮 -->
			<view class="footer" v-if="!notBuy" :style="footerStyle">
				<view v-if="customer_service==1" class="kefu" @tap.stop="calltophone">
					<image src="/static/images/kefu.png"></image>
					<text>电话</text>
				</view>
				<block v-else>
					<!-- #ifdef MP-WEIXIN -->
					<button class="kefu" open-type="contact" @contact="handleContact">
						<image src="/static/images/kefu.png"></image>
						<text>客服</text>
					</button>
					<!-- #endif -->
				</block>
				<view class="sc" @tap="dosc" :data-sc="collect">
					<image :src="sc"></image>
					<text>{{scText}}</text>
				</view>
				<view class="sc sc2" @tap="toShoppingCar">
					<image src="/static/images/menu-icon-car-1.png"></image>
					<view class="badge-box" v-if="badgeText !=0">{{badgeText}}</view>
					<text>购物车</text>
				</view>
				<view class="details-btn" v-if="Stock>0">
					<view @tap="addtocart" class="btn_class addCard">加入购物车</view>
					<template v-if="self_commission.is_self_buying != -1">
						<view @tap="buynow" v-if="(userInfo.vid && userInfo.platform_type == 2) || (userInfo.platform_type == 1)" class="buy cartBtn btn_class">
							<view>立即购买</view>
							<view v-if="self_commission.is_self_buying==0" style="font-size: 20rpx;line-height: 26rpx">自购不会获得佣金</view>
						</view>
						<view class="buy cartBtn btn_class" v-if="!userInfo.vid && userInfo.platform_type == 2" :type="userInfo.login_state == 1 ? 4 : 3">
							<login-and-register @success="registerSuccess">
								<view>
									<view>立即购买</view>
									<view v-if="self_commission.is_self_buying==0" style="font-size: 20rpx;line-height: 26rpx">自购不会获得佣金</view>
								</view>
							</login-and-register>
						</view>
					</template>
					<template v-else>
						<view @tap="buynow" v-if="(userInfo.vid && userInfo.platform_type == 2) || (userInfo.platform_type == 1)" class="btn_class buy">立即购买
						</view>
						<view class="btn_class buy" v-if="!userInfo.vid && userInfo.platform_type == 2" :type="userInfo.login_state == 1 ? 4 : 3">
							<login-and-register @success="registerSuccess">
								<view>立即购买</view>
							</login-and-register>
						</view>
					</template>
				</view>

				<view class="details-btn" v-else>
					<view class="btn_class addCard1">加入购物车</view>
					<view class="btn_class buy1">立即购买</view>
				</view>
			</view>
			<!-- 规格 -->
			<view class="choose-sku-container" v-if="alertToggle">
				<view class="choose-sku-model" @tap="closeAlert" @longtap="closeAlert" @touchmove="closeAlert"></view>
				<view class="choose-sku-box" :style="skuBoxStyle">
					<text class="qh-rt-single qh-rt-a-ziyuan1 alert-close-icon" @tap.stop="closeAlert"></text>
					<view class="choose-sku-title-box">
						<view class="choose-sku-goods-image">
							<image mode="aspectFit" lazy-load="true" :src="skuImg" @tap="seeSkuBig"></image>
						</view>
						<view class="choose-sku-goods-title-right-box">
							<view class="choose-sku-goods-stock">
								<block v-if="company">单位: {{company}}</block>
							</view>
							<view class="choose-sku-goods-stock">
								<block v-if="specifications">规格: {{specifications}}</block>
							</view>
							<view class="choose-sku-goods-stock">库存 {{skuNum}}</view>
							<!--
							user_type 1 普通用户 2：plus会员 3：vip
							online_price 零售价
							shop_mem_price 常规会员价
							plus_price plus会员价
							plus_mem_status 1：开启plus会员价 2：关闭
							shop_mem_status 1：开启vip会员价 2：关闭
							plus_mem_integral  plus会员价积分
							shop_mem_integral  vip会员价积分
							vip_online_state 1开启会员打折 0关闭 （使用vip价格才能打折）
							plus_register_state  1:开启plus会员引导 2：关闭plus会员引导
							vip_register_state   1：开启vip会员引导 2：关闭vip会员引导
						-->
							<view class="choose-sku-price-box">
								<view class="choose-sku-price-title">单价</view>
								<view class="choose-sku-price" v-if="sku_promotion_status">
									￥{{promotion_price}}
									<block v-if="promotion_price*1<skuPrice*1">
										<text class="price_pass"><text class="pass">￥{{skuPrice}}</text></text>
									</block>
								</view>
								<view style='margin-top: -3px;' v-else>
									<!-- 普通用户价格显示 -->
									<view v-if="user_type == 1 || (shop_mem_status != 1 && plus_mem_status != 1)">
										<text class="choose-sku-price">￥{{skuPrice}}</text>
									</view>
									<!-- 普通用户和vip用户显示vip价格 -->
									<view
										v-if="(user_type == 3 || user_type == 2&&plus_mem_status == 2 || (user_type==1 && vip_register_state ==1)) && shop_mem_status == 1 && skuShopMemPrice > 0">
										<text class="choose-sku-price">￥{{skuShopMemPrice}}</text>
										<text v-if="Number(shop_mem_integral) > 0" class="discount-money">
											+{{shop_mem_integral}}{{integral_name}}</text>
										<text class="vip-price-style">VIP</text>
									</view>
									<!-- plus用户、普通用户和vip用户显示plus价格 -->
									<view v-if="plus_mem_status == 1 && skuPlusPrice > 0 && (user_type == 2 || plus_register_state == 1)">
										<text class="choose-sku-price">￥{{skuPlusPrice}}</text>
										<text v-if="Number(plus_mem_integral) > 0" class="discount-money">
											+{{plus_mem_integral}}{{integral_name}}</text>
										<text class="vip-price-style">PLUS</text>
									</view>
								</view>
							</view>
						</view>

						<view class="choose-sku-attr-box" v-if="goods.attribute_state==2">
							<view class="choose-sku-attr" v-for="(item, pIndex) in skuDetailList&&skuList" :key="pIndex">
								<view class="choose-sku-attr-name">{{item.name}}</view>
								<view class="choose-sku-list-box">
									<block v-for="(list, cIndex) in item.list" :key="cIndex">
										<block v-if="list.status==1">
											<view :class="'choose-sku-list-name' + (skuSelectIndex[pIndex]==cIndex?' choose-sku-select':'')" @tap="checkSku"
												:data-p-index="pIndex" :data-c-index="cIndex">{{list.name}}
											</view>
										</block>
										<view v-else class="choose-sku-list-name choose-sku-disable-check">{{list.name}}
										</view>
									</block>
								</view>
							</view>
						</view>
						<view class="choose-sku-change-con" :style="goods.attribute_state==2?'border-top:1rpx solid #eee;':'border:none'">
							<view class="choose-sku-change-tag">数量</view>
							<view class="choose-sku-change border">
								<text class="qh-rt-single qh-rt-a-zu4424 choose-sku-change-icon" @click.stop="jian"></text>
								<view class="choose-sku-num">
									<input min="1" :type="goods.pricing_method==1?'number':'digit'" @blur="blurNum" :value="buyNum" placeholder="1"
										placeholder-class="choose-sku-p"></input>
								</view>
								<text class="qh-rt-single qh-rt-jia1 choose-sku-change-icon" @click.stop="jia"></text>
							</view>
						</view>
					</view>
				</view>
			</view>
			<!-- 配送规则 -->
			<view class="choose-sku-container choose-sku-container-content" v-if="showDeliveryRule">
				<view class="choose-sku-model" @tap="clickDeliveryRule" @longtap="clickDeliveryRule" @touchmove="clickDeliveryRule"></view>
				<view class="choose-sku-box choose-sku-bottom" :style="skuBoxStyle">
					<text class="qh-rt-single qh-rt-a-ziyuan1 alert-close-icon" @tap.stop="clickDeliveryRule"></text>
					<view class="model-title">运费计价说明</view>
					<view class="delivery-content">
						<view>
							<text>当前商品仅支持以下地区快递发货，如有疑问请联系商家</text>
						</view>
						<view v-for="(item, c) in delivery_rule.list" :key="c">
							<text>{{item.area_name}}，</text>
							<text v-if="delivery_rule.type==1">免运费</text>
							<text v-if="delivery_rule.type==2">首{{item.first_num*1}}件{{item.first_fee}}元，每续{{item.append_num*1}}件{{item.append_fee}}元。</text>
							<text
								v-else-if="delivery_rule.type==3">首{{item.first_num*1}}kg{{item.first_fee}}元，每续{{item.append_num*1}}kg{{item.append_fee}}元。</text>
							<text v-else-if="delivery_rule.type==4">统一运费{{item.unified_fee}}元。</text>
						</view>
						<view v-if="delivery_status == 1">单笔消费满{{delivery_cost}}元免运费</view>
					</view>
				</view>
			</view>
			<!-- 增送促销弹窗 -->
			<view class="choose-sku-container" v-if="showGiftMask" @tap="closeGiftMask">
				<view class="gift-content">
					<view class="gift-title">赠送促销</view>
					<text class="qh-rt-single qh-rt-a-ziyuan1 alert-close-icon" @tap.stop="closeGiftMask"></text>
					<view class="gift-list-box">
						<view class="gift-subtitle">买{{gift_info.goods_num_min}}，赠送以下商品：({{gift_info.online_buy_limit}}次/人)
						</view>
						<view class="gift-lists">
							<view class="gift-list" v-for="(item,index) in gift_info.gifts_info">
								<view class="gift-list-img">
									<!-- <image src="/static/images/gift-icon.png"></image> -->
								</view>
								<view class='gift-proInfo'>
									<view class="gift-t1">{{item.goods_name}}</view>
									<view class="gift-t2">规格</view>
									<view class="gift-t3">￥{{item.retail_price}}</view>
								</view>
								<!-- <view class="gift-add-icon">
								<image src="../../static/images/home-add.png" mode=""></image>
							</view> -->
							</view>

						</view>
					</view>

				</view>

			</view>

			<view class="loadingbox loadingbox-back" v-if="!loadingHidden"></view>
		</template>
		<!-- 引入模板 -->
		<share v-if='isShowShare' @close='closeShowShare' :share='share'></share>
	</qh-page-view>
</template>

<script>
	var app = getApp().globalData;
	import share from '@/components/share.vue';
	export default {
		components: {
			share,
		},
		data() {
			return {
				loaded: false,
				autoplay: true,
				playVideo: true,
				circular: true,
				details: '',
				detailsName: "商品名称",
				subheading: "副标题",
				unitPrice: "100.00",
				originalPrice: "200.00",
				Deal: "0",
				language: [],
				nav: [{
					navItem: "商品详情"
				}, {
					navItem: "评价"
				}],
				navOn: 0,
				//当前选中
				navCon: true,
				evaluateLen: 0,
				//评价条数
				Stock: 1000,
				//库存
				buyNum: 1,
				//购买数量
				alertToggle: false,
				isScroll: true,
				//弹框出现  静止页面滚动
				sc: "/static/images/sc.png",
				//收藏
				scText: "收藏",
				discount: 0,
				goods_id: '0',
				ischecknum: false,
				specifications: "规格",
				company: "单位",
				skuSelectIndex: [],
				selectSkuDetailId: -1,
				shopItemInfo: {},
				selectArr: [],
				skuImg: '',
				loadingHidden: false,
				desc: "",
				user_type: 1,
				//用户权益
				plus_mem_status: 2,
				//plus价是否开启
				customer_service: 2,
				// 1.电话客服 2.微信客服
				guide_id: null,
				//该用户的导购员id
				share_guide_id: null,
				//被分享的导购员id
				share: {
					maskShare: false,
					//分享弹窗
					maskHidden: false, //海报图片,
					type: 1,
					data: '',
					distributor_id: '', // 分享过来的分销员id
					self_distributor_id: '', //用户自己的分销员id
					goods_id: ''
				},
				codeImg: "",
				vip: null,
				showDeliveryRule: false,
				//是否显示运费计算规则
				total: 0,
				skuList: "",
				skuPrice: "",
				skuNum: "",
				skuShopMemPrice: "",
				skuPlusPrice: "",
				sku_promotion_status: "",
				promotion_price: "",
				collect: 0,
				goods_img: "",
				vip_online_state: "",
				online_price: "",
				phone: "",
				goods: "",
				shop_mem_status: "",
				shop_mem_price: "",
				attribute: "",
				plus_price: "",
				vip_price: "",
				delivery_set: "",
				delivery_rule: "",
				delivery_name: "",
				skuDetailList: "",
				banners: "",
				not_banners: 0,
				notBuy: false,
				commentInfo: "",
				article_desc: "",
				display_detail: 0,
				isShowShare: false,
				isShowShareData: {
					guide_id: null,
					goods: "",
					goods_img: '',
					goods_id: '0',
				},
				delivery_status: 0,
				delivery_cost: '',
				plus_mem_integral: '',
				shop_mem_integral: '',
				total_less_money: '', //共计优惠金额
				plus_state: '', //plus状态 1：正常 2：过期
				plus_end_time: '', //plus会员到期时间
				vip_register_state: '', // 为0 关闭 为1 开启  引导成为vip按钮
				plus_register_state: '', //为0 关闭  为1 开启  引导续费/成为plus按钮
				self_commission: 0, //{0表示不是分销员/未开启分销/分销金额为0，其他数为分销佣金金额}
				couponList: [], //优惠券列表
				gift_info: [], //赠品促销信息
				showGiftMask: false, //增送促销弹窗
				video_url: '', //轮播的视频
				isShowDialog: false,
				shoppingId: '',
				isGetPhone: false, // 是否获取手机号
				register_phone: '', // 注册手机号
				userInfo: {}, // 用户信息
				showShareBtn: true,

				browse_duration: 0, //浏览时长
				browseTimer: null, //浏览计时器
				aaaaa: 0,
				integral_name:''
			};
		},
		computed: {
			badgeText() {
				return this.$store.storeShoppingGoodsList.length;
			},
			footerStyle() {
				let h = this.$store.bottomHeight + 110
				return 'height:' + h + 'rpx;padding-bottom:' + this.$store.bottomHeight + 'rpx';
			},
			skuBoxStyle() {
				return 'bottom:' + (this.$store.bottomHeight + 110) + 'rpx';
			},
		},
		/**
		 * 生命周期函数--监听页面加载
		 */
		async onLoad(options) {
			await this.$onLaunched;
			// #ifdef MP-ALIPAY
			this.showShareBtn = app.XcxData.appid == app.XcxData.tempAppId ? false : true;
			// #endif
			this.integral_name = this.$store.integral_name;//自定义积分名字
			/**
			 * &store_id => &s 门店id
			 * &distributor_id => &d 分销员id
			 * &share_uid => &su	分享人uid
			 * &share_guide_id => &sg	导购员id
			 * */
			// #ifdef MP-ALIPAY
			if (JSON.stringify(options) == '{}') {
				options = my.getLaunchOptionsSync().query;
			}
			// #endif
			console.log('页面参数：', options)
			if (options && options.notBuy && options.notBuy == 1) {
				this.notBuy = true;
			}

			// #ifdef MP-WEIXIN
			if (!options.id && !options.m_id) {
				options = getApp().globalData.getOnLaunchParam(options);
			}
			console.log('页面参数scene：', options)
			// #endif

			if (options && (options.store_id || options.s)) {
				this.$store.store_id = options.store_id || options.s;
			}

			if (options && (options.share_guide_id || options.sg)) {
				this.setData({
					share_guide_id: options.share_guide_id || options.sg
				});
			}
			if (options && (options.distributor_id || options.d)) {
				this.share['distributor_id'] = options.distributor_id || options.d;
			}

			if (options && options.m_id) {
				this.m_id = options.m_id
			}

			if (options && options.id) {
				this.goods_id = options.id
			}

			this.userInfo = {
				...app.XcxData.userInfo
			};

			options && this.getDetail();
		},

		async onShow() {
			await this.$onLaunched;
			if (this.browse_duration > 0) {
				this.browseTimer = setInterval(() => {
					this.browse_duration++;
				}, 1000)
			}
		},

		/**
		 * 生命周期函数--监听页面隐藏
		 */
		onHide() {
			clearInterval(this.browseTimer);
		},

		/**
		 * 生命周期函数--监听页面卸载
		 */
		onUnload() {
			clearInterval(this.browseTimer);
			app.addVisitGoodsRecord({
				goods_id: this.goods_id,
				browse_duration: this.browse_duration,
			})
		},

		onShareAppMessage(res) {
			let id = this.share.self_distributor_id ? this.share.self_distributor_id : this.share.distributor_id;
			var that = this;
			var path = '/pages/product/details/details?id=' + that.goods_id + '&store_id=' + this.$store.store_id + '&distributor_id=' + id +
				'&share_uid=' + app.XcxData.userInfo.uid;

			if (this.guide_id) {
				path += '&share_guide_id=' + this.guide_id;
			}
			return {
				title: that.detailsName,
				path: path,
				imageUrl: that.goods_img,
				success: res => {}
			};
		},
		methods: {
			//会员注册成功
			registerSuccess() {
				this.userInfo = {
					...app.XcxData.userInfo
				};
				this.buynow();
			},
			//轮播视频加载完触发事件
			showBanner() {
				this.autoplay = true;
			},
			toPlusHome() {
				uni.navigateTo({
					url: '../../mine/plusHome/plusHome'
				})
			},
			toCard() {
				uni.navigateTo({
					url: '../../mine/card/card'
				})
			},
			closeShowShare() {
				this.share.maskShare = false
				this.isShowShare = false
			},
			//显示运费规则
			clickDeliveryRule: function() {
				if (this.delivery_rule) {
					this.setData({
						showDeliveryRule: !this.showDeliveryRule
					});
				}
			},
			//点击分享
			showShare() {
				this.share.maskShare = true;
				this.share.maskHidden = false;
				this.share.data = this.isShowShareData;
				this.isShowShare = true;
			},
			blurNum(e) {
				var num = e.detail.value;

				if (num == '' || num < 0) {
					this.setData({
						buyNum: 1
					});
				} else {
					var skuNum = this.skuNum;

					if (num > skuNum) {
						this.setData({
							buyNum: skuNum
						});
					} else {
						this.setData({
							buyNum: num
						});
					}
				}
			},
			cratedSku: function() {
				var that = this;
				var skuDetailList = this.skuDetailList;
				var shopItemInfo = {};

				for (var i in skuDetailList) {
					shopItemInfo[skuDetailList[i].sku_id_list] = skuDetailList[i];
				}

				this.setData({
					shopItemInfo: shopItemInfo
				});
				this.checkItem();
			},
			checkSku(e) {
				var pIndex = e.currentTarget.dataset.pIndex;
				var cIndex = e.currentTarget.dataset.cIndex;
				var that = this;
				var skuList = this.skuList;
				var skuSelectIndex = this.skuSelectIndex;
				var selectArr = this.selectArr;

				if (selectArr[pIndex] != skuList[pIndex].list[cIndex].id) {
					selectArr[pIndex] = skuList[pIndex].list[cIndex].id;
					skuSelectIndex[pIndex] = cIndex;
				} else {
					selectArr[pIndex] = 0;
					skuSelectIndex[pIndex] = -1;
				}

				this.setData({
					selectArr: selectArr,
					skuSelectIndex: skuSelectIndex
				});
				this.$forceUpdate()
				this.checkItem();
			},
			checkItem: function() {
				var that = this;
				var option = this.skuList;
				var selectArr = this.selectArr;
				var result = []; //定义数组存储被选中的值

				for (var i in option) {
					result[i] = selectArr[i] ? selectArr[i] : 0;
				}

				for (var i in option) {
					var last = result[i];

					for (var k in option[i].list) {
						result[i] = option[i].list[k].id;
						option[i].list[k].status = this.isMay(result); //在数据里面添加字段isShow来判断是否可以选择
					}

					result[i] = last;
				}

				this.setData({
					skuList: option
				});
				var selectArr = this.selectArr;

				if (selectArr.indexOf(0) == -1) {
					var id_list = selectArr.join(','); //skuImg

					var sku = this.shopItemInfo[id_list];
					this.setData({
						selectSkuDetailId: sku.id,
						skuPrice: sku.online_price,
						skuNum: parseInt(sku.goods_num),
						skuShopMemPrice: sku.shop_mem_price,
						skuImg: sku.goods_img,
						skuPlusPrice: sku.plus_price,
						sku_promotion_status: sku.promotion_status && sku.promotion_status == 1 ? 1 : 0,
						promotion_price: sku.promotion_status && sku.promotion_status == 1 ? sku.act_price : 0
					});
				} else {
					this.setData({
						selectSkuDetailId: -1,
						skuPrice: this.online_price,
						skuNum: this.Stock,
						skuShopMemPrice: this.vip_price,
						skuImg: this.goods_img,
						skuPlusPrice: this.plus_price,
						sku_promotion_status: this.goods.promotion_status && this.goods.promotion_status == 1 ?
							1 : 0,
						promotion_price: this.goods.promotion_status && this.goods.promotion_status == 1 ? this
							.goods.act_price : 0
					});
				}
			},
			isMay: function(result) {
				for (var i in result) {
					if (result[i] == 0) {
						return 1;
					}
				}

				var sku = this.shopItemInfo[result];

				if (sku && sku.goods_num >= 1) {
					return 1;
				} else {
					return 0;
				}
			},
			//拨打电话
			calltophone: function() {
				var phone = this.phone;

				if (!phone) {
					uni.showToast({
						title: '商家未设置门店电话',
						icon: 'none'
					});
					return;
				}

				uni.makePhoneCall({
					phoneNumber: phone //仅为示例，并非真实的电话号码

				});
			},

			// 内容切换
			navItem(e) {
				var id = e.currentTarget.id;
				var navCon = this.navCon;
				this.setData({
					navOn: id,
					navCon: !navCon
				});
			},

			// 加
			jia() {
				if (this.buyNum < (this.goods.attribute_state == 2 ? this.skuNum : this.Stock)) {
					var buyNum = this.buyNum;
					var Stock = this.Stock;

					if (buyNum >= Stock) {
						return;
					}

					buyNum++;
					this.setData({
						buyNum: buyNum
					});
				}
			},

			// 减
			jian() {
				var buyNum = this.buyNum;

				if (buyNum > 1) {
					buyNum--;
				}

				this.setData({
					buyNum: buyNum
				});
			},

			// 规格
			Specifications() {
				this.setData({
					alertToggle: true,
					isScroll: false,
					ischecknum: true
				});
			},

			//关闭弹框
			closeAlert() {
				this.setData({
					alertToggle: false,
					isScroll: true,
					ischecknum: 0
				});
			},

			dosc(e) {
				var issc = e.currentTarget.dataset.sc;
				var goods_id = this.goods_id;
				var that = this;

				if (issc == 0) {
					//未收藏 -- 添加收藏
					getApp().globalData.sendRequest({
						url: '/Collect/addCollect',
						type: "post",
						data: {
							goods_id: goods_id
						},
						success: function(res) {
							if (res.status == 1) {
								uni.showToast({
									title: res.msg,
									icon: 'success',
									duration: 1500,
									mask: true
								});

							

								that.scFun();
							} else {
								uni.showToast({
									title: res.msg,
									icon: 'none',
									duration: 1500,
									mask: true
								});
							}
						}
					});
				} else {
					//已收藏 -- 删除收藏
					getApp().globalData.sendRequest({
						url: '/Collect/cancelCollect',
						type: "post",
						data: {
							goods_id: goods_id
						},
						success: function(res) {
							if (res.status == 1) {
								uni.showToast({
									title: res.msg,
									icon: 'success',
									duration: 1500,
									mask: true
								});
								that.scFun();
							} else {
								uni.showToast({
									title: res.msg,
									icon: 'none',
									duration: 1500,
									mask: true
								});
							}
						}
					});
				}
			},

			//收藏
			scFun() {
				var sc = this.sc;
				var sc1 = "/static/images/sc.png";
				var sc2 = "/static/images/sc2.png";

				if (sc == sc1) {
					this.setData({
						sc: sc2,
						scText: '已收藏',
						collect: 1
					});
				} else {
					this.setData({
						sc: sc1,
						scText: '收藏',
						collect: 0
					});
				}
			},

			// 加入购物车
			async addtocart() {
				if (!this.ischecknum || !this.alertToggle) {
					this.Specifications();
					return;
				}

				if (this.Stock <= 0) {
					uni.showToast({
						title: '该商品库存不足',
						icon: 'none'
					});
					return false;
				}

				if (this.skuList && this.skuDetailList) {
					if (this.selectSkuDetailId == -1) {
						uni.showToast({
							title: '请选择商品规格',
							icon: 'none'
						});
						return false;
					}
				}
				//加入购物车
				const res = await this.$mutations.setShoppingCar({
					goods_id: this.goods_id,
					num: this.buyNum,
					type: 1,
					sku_id: this.selectSkuDetailId > 0 ? this.selectSkuDetailId : '',
					change_state: 1,
					goods_type: 2,
				})
				if (res) {
					this.alertToggle = false;
				}
			},
			//立即购买
			buynow: function() {
				let that = this
				if (!that.ischecknum) {
					that.Specifications()
					return;
				}
				if (that.Stock <= 0) {
					uni.showToast({
						title: '该商品库存不足',
						icon: 'none'
					});
					return false;
				}

				if (that.skuList && that.skuDetailList) {
					if (that.selectSkuDetailId == -1) {
						uni.showToast({
							title: '请选择商品规格',
							icon: 'none'
						});
						return false;
					}
				} //加入购物车

				let id = 0;
				if (that.share.distributor_id) {
					id = that.share.distributor_id
				}
				getApp().globalData.sendRequest({
					url: '/Shopping/addShopping_v1',
					type: "post",
					data: {
						goods_id: that.goods_id,
						num: that.buyNum,
						type: 2,
						sku_id: that.selectSkuDetailId > 0 ? that.selectSkuDetailId : ''
					},
					success: function(res) {
						if (res.status == 1) {
							that.shoppingId = res.id
							var url = '/pages/order/Settlement/Settlement?shopping_ids=' + JSON.stringify([res.id]) + '&distributor_id=' + id;

							if (that.share_guide_id) {
								url += '&share_guide_id=' + that.share_guide_id;
							}

							uni.navigateTo({
								url: url
							});
						} else {
							uni.showToast({
								title: res.msg,
								icon: 'none',
								duration: 1500,
								mask: true
							});
						}
					}
				});
			},
			//查看大图
			seeBig(e) {
				var index = parseInt(e.currentTarget.dataset.index);
				uni.previewImage({
					current: this.banners[index],
					urls: this.banners // 需要预览的图片http链接列表

				});
			},
			seeSkuBig() {
				uni.previewImage({
					current: this.skuImg,
					urls: [this.skuImg] // 需要预览的图片http链接列表

				});
			},
			//获取商品详情
			getDetail() {
				if (!this.goods_id) return;
				if (!this.loadingHidden) {
					uni.showLoading({
						title: '加载中...',
						// #ifndef MP-ALIPAY
						mask: true,
						// #endif
					});
				} //商品详情
				getApp().globalData.sendRequest({
					url: '/Goods/getGoodsDetails',
					data: {
						id: this.goods_id,
						m_id: this.m_id,
						distributor_id: this.share.distributor_id
					},
					success: (res) => {
						uni.hideLoading();

						if (res.status == 1) {
							if (!this.$store.store_id) {
								this.$store.store_id = res.data.store_id;
							}
							if (res.data.store_id != this.$store.carStoreId) {
								this.$mutations.getShopList(2, res.data.store_id);
							}
							this.setData({
								goods: res.data,
								language: res.labelList,
								goods_img: res.data.goods_img ? res.data.goods_img : '',
								detailsName: res.data.goods_name ? res.data.goods_name : '',
								subheading: res.data.subheading ? res.data.subheading : '',
								Stock: parseFloat(res.data.goods_num),
								skuNum: parseFloat(res.data.goods_num),
								buyNum: res.data.cart_num ? res.data.cart_num : '0',
								vip_online_state: res.data.vip_online_state ? res.data.vip_online_state : '',
								online_price: res.data.online_price ? res.data.online_price : 0,
								skuPrice: res.data.online_price ? res.data.online_price : 0,
								Deal: res.data.sell_num ? res.data.sell_num : 0,
								goods_id: res.data.id,
								collect: res.data.collect ? res.data.collect : '',
								sc: res.data.collect == 0 ? "/static/images/sc2.png" : "/static/images/sc.png",
								customer_service: res.data.customer_service,
								// 客服类型
								phone: res.data.phone,
								self_commission: res.data.self_commission, // 判断分销员
								specifications: res.data.specifications ? res.data.specifications : '',
								company: res.data.company ? res.data.company : '',
								shop_mem_status: res.data.shop_mem_status,
								shop_mem_price: parseFloat(res.data.shop_mem_price),
								attribute: res.data.attribute_state,
								skuImg: res.data.goods_img,
								user_type: res.data.user_type,
								plus_mem_status: res.data.plus_mem_status,
								plus_price: res.data.plus_price,
								vip_price: parseFloat(res.data.shop_mem_price),
								loadingHidden: true,
								guide_id: res.guide_id ? res.guide_id : null,
								vip: res.vip ? res.vip : null,
								skuShopMemPrice: parseFloat(res.data.shop_mem_price),
								skuPlusPrice: res.data.plus_price,
								sku_promotion_status: res.data.promotion_status && res.data.promotion_status == 1 ? 1 : 0,
								promotion_price: res.data.promotion_status && res.data.promotion_status == 1 ? res.data.act_price : 0,
								delivery_set: res.delivery_set,
								delivery_rule: res.delivery_rule ? res.delivery_rule : null,
								isShowShareData: {
									guide_id: res.guide_id ? res.guide_id : null,
									goods: res.data,
									goods_img: res.data.goods_img ? res.data.goods_img : '',
									goods_id: this.goods_id,
									text: res.data.goods_name ? res.data.goods_name : ''
								},
								delivery_status: res.delivery_status,
								delivery_cost: res.delivery_cost,
								plus_mem_integral: res.data.plus_mem_integral,
								shop_mem_integral: res.data.shop_mem_integral,
								plus_end_time: res.vip.plus_end_time,
								plus_state: res.vip.plus_state,
								total_less_money: res.vip.total_less_money,
								plus_register_state: res.plus_register_state,
								vip_register_state: res.vip_register_state,
								couponList: res.shop_coupon,
								gift_info: res.data.gift_info,
								video_url: res.data.video_url
							});
							this.getcommentList();
							//分销员自己的分销id
							this.share.self_distributor_id = res.data.distributor_id;
							this.share.goods_id = res.data.id
							if (res.delivery_set) {
								var delivery_name = [];
								for (var i = 0; i < res.delivery_set.length; i++) {
									if (res.delivery_set[i].data == 1) {
										delivery_name.push(res.delivery_set[i].name);
									}
								}
								this.setData({
									delivery_name: delivery_name.join(' & ')
								});
							}

							if (res.skuDetailList && res.skuList) {
								var skuSelectIndex = [];
								var selectArr = [];

								for (var i = 0; i < res.skuList.length; i++) {
									skuSelectIndex.push(-1);
									selectArr.push(0);
								}

								this.setData({
									skuList: res.skuList,
									skuDetailList: res.skuDetailList,
									skuSelectIndex: skuSelectIndex,
									selectArr: selectArr,
									skuImg: res.data.goods_img
								});
								this.cratedSku();
							}

							if (res.data.details) {
								//WxParse.wxParse('desc', 'html', res.data.details, this, 5)
								var str = setTimeout(() => {
									this.article_desc = res.data.details;
								}, 200);
								this.setData({
									display_detail: 1 // 图文详情
								});
							}

							if (res.data.banners) {
								this.setData({
									banners: res.data.banners
								});
								if (this.video_url) {
									this.autoplay = false
									this.playVideo = true
								} else {
									this.autoplay = true;
									this.playVideo = false;
								}
							} else {
								this.setData({
									not_banners: 1
								});
							}
							this.browseTimer = setInterval(() => {
								this.browse_duration++;
							}, 1000)
							this.$nextTick(() => {
								this.loaded = true;
							})
							this.scFun();
						} else {
							uni.showModal({
								title: '提示',
								content: res.msg,
								complete: (res) => {
									uni.navigateBack({
										delta: 1
									});
								}
							});
						}
					}
				});
			},
			//查看评价大图
			scaleBig(index) {
				uni.previewImage({
					current: this.commentInfo[0].evaluate_img[index],
					urls: this.commentInfo[0].evaluate_img // 需要预览的图片http链接列表

				});
			},
			//获取商品评价
			async getcommentList() {
				const {
					status,
					data
				} = await this.$request('SmallProgramApi/OrderEvaluate/getGoodsEvaluate', {
					goods_id: this.goods_id
				})
				if (status == 1) {
					this.commentInfo = data.list;
					this.total = data.total;
				}
			},
			// 跳转到评价列表页
			toComment() {
				uni.navigateTo({
					url: '/pages/order/commentList/comment?goods_id=' + this.goods_id
				});
			},
			//查看更多优惠券,跳到领券中心
			moreCoupon() {
				uni.navigateTo({
					url: '/pages/index/Coupon/Coupon'
				});
			},
			showGift() {
				this.showGiftMask = true;
				this.notBuy = true;
			},
			closeGiftMask() {
				this.showGiftMask = false;
				this.notBuy = false;
			},
			toShoppingCar() {
				uni.navigateTo({
					url: '/pages/product/shoppingCarEctype/shoppingCarEctype'
				});
			},
		}
	};
</script>
<style>
	@import "./details.css";

	.myvideo {
		width: 100%;
		height: 100%;
	}

	.cartBtn {
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
		line-height: 40rpx;

	}

	.coupon-box {

		border: 3rpx solid #FF3D3D;
		border-radius: 2px;
		text-align: center;
		line-height: 42rpx;
		font-size: 22rpx;
		color: #FF3D3D;
		margin: 0 10rpx;
		/* overflow: hidden; */
		position: relative;
		box-sizing: border-box;
		padding: 0px 10px;

	}

	.coupon-box::before {
		content: '';
		display: block;
		width: 18rpx;
		height: 18rpx;
		border-radius: 0 100% 100% 0;
		/* border: 3rpx solid #ff3d3d; */
		border-right: 3rpx solid #ff3d3d;
		position: absolute;
		top: 10rpx;
		left: -12rpx;
		background-color: #fff;
	}

	.coupon-box::after {
		content: '';
		display: block;
		width: 18rpx;
		height: 18rpx;
		border-radius: 100% 0 0 100%;
		border-left: 3rpx solid #ff3d3d;
		position: absolute;
		top: 10rpx;
		right: -12rpx;
		/* 	z-index: 100; */
		background-color: #fff;
	}

	.gift-icon2 {
		width: 100rpx;
		height: 40rpx;
		vertical-align: middle;
		margin-left: 10rpx;

	}

	/* 赠送促销弹窗 */
	.gift-content {
		width: 100%;
		height: 610rpx;
		background-color: #fff;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 11;
		border-radius: 8rpx 8rpx 0 0;
	}

	.gift-title {
		width: 100%;
		height: 80rpx;
		font-size: 28rpx;
		coclor: #333;
		text-align: center;
		line-height: 80rpx;
		position: relative;

	}

	.gift-close-icon {
		width: 80rpx;
		height: 80rpx;
		position: absolute;
		top: 0rpx;
		right: 20rpx;
	}

	.gift-list-box {
		width: 100%;
		box-sizing: border-box;
		padding: 30rpx 0 30rpx 30rpx;
		background-color: #f6f6f6;
	}

	.gift-subtitle {
		font-size: 28rpx;
		color: #999;

	}

	.gift-lists {
		width: 100%;
		display: flex;
		flex-flow: row nowrap;
		overflow-x: auto;
		margin-top: 20rpx
	}

	.gift-list {
		width: 240rpx;
		/* height: 380rpx; */
		background-color: #fff;
		border-radius: 8rpx;
		position: relative;
		margin-right: 30rpx;
	}

	.gift-list-img {
		width: 240rpx;
		height: 240rpx;

	}

	.gift-list-img image {
		width: 240rpx;
		height: 240rpx;
	}

	.gift-proInfo {
		width: 100%;
		box-sizing: border-box;
		padding: 20rpx;
		font-size: 24rpx;
		line-height: 46rpx;
	}

	.gift-t1 {
		color: #333;
		width: 240rpx;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.gift-t2 {

		color: #999;
	}

	.gift-t3 {

		color: #FF3D3D;
	}

	.gift-add-icon {
		width: 80rpx;
		height: 80rpx;
		position: absolute;
		bottom: 4rpx;
		right: 0rpx;
	}

	.gift-add-icon image {
		width: 80rpx;
		height: 80rpx;
	}
</style>
